<template>
    <a-card title="开发服务" :bordered="false" class="card-module" :body-style="{ paddingBottom : 0 }">
        <a-list item-layout="horizontal" :grid="{ gutter: 16, xs: 1, xl: 2, xxl: 2 }">
            <a-list-item v-for="item in dataList" :key="item.title">
                <a-list-item-meta>
                    <a-avatar slot="avatar" :src="item.img" style="margin-top: 8px;" />
                    <a slot="title" href="#">{{ item.title }}</a>
                    <p slot="description">{{ item.description }}</p>
                </a-list-item-meta>
            </a-list-item>
        </a-list>
    </a-card>
</template>

<script>
    export default {
        data(){
            return {
                dataList : [
                    { title : '研发服务',description : '沙箱/验收/数据实验室',img : 'https://cjlgb-design-developer.cdn.bcebos.com/icon/A_u4B2TptHg8MAAAAAAAAAAABkARQnAQ.png' },
                    { title : '云服务',description : '研发、运维部署、监控等全方位的金融级云计算服务',img : 'https://cjlgb-design-developer.cdn.bcebos.com/icon/A_uXL3R5wwNzIAAAAAAAAAAABkARQnAQ.png' },
                    { title : '安全中心',description : '帮助商户发现系统漏洞、降低数据泄露、入侵风险',img : 'https://cjlgb-design-developer.cdn.bcebos.com/icon/A_5lcsTIQl_KUAAAAAAAAAAABkARQnAQ.png' },
                    { title : '云监控',description : '实时监控业务稳定性、异常告警、健康度分析',img : 'https://cjlgb-design-developer.cdn.bcebos.com/icon/A_mk3cQJNDIiIAAAAAAAAAAABkARQnAQ.png' },
                    { title : '密钥管理',description : '开发平台密钥/mapi网管产品密钥/老版wap支付密钥',img : 'https://cjlgb-design-developer.cdn.bcebos.com/icon/A_F_y_T73gNV4AAAAAAAAAAABkARQnAQ.png' },
                    { title : '安全云服务',description : '提供对商家开放的安全云服务',img : 'https://cjlgb-design-developer.cdn.bcebos.com/icon/k4wnvfaa_w40_h40.png' },
                ]
            };
        }
    }
</script>
